@include theme {
  .doc-theme-title {
    padding: 20px 0 10px 0;
    color: $itc;
  }
  .doc-theme-space-line {
    & > * {
      margin-right: 8px;
    }

    & + .doc-theme-space-line {
      margin-top: 20px;
    }
  }
  .doc-theme-font-color-item {
    display: inline-block;
    width: 150px;
    margin-right: 8px;

    &, & > * {
      box-sizing: border-box;
    }

    div:first-child {
      padding: 12px 20px;
      font-size: 18px;
      border: solid 1px $ibl;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }

    div:last-child {
      background-color: $ibl;
      padding: 12px 20px;
      color: $itl;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      font-size: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  .doc-theme-background-status {
    .doc-theme-font-color-item {
      width: 180px;
      border-radius: 4px;

      div:first-child {
        border: none;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;

        & > span:last-child {
          font-size: 12px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }

      div:last-child {
        background-color: transparent;
        position: relative;

        &:before {
          position: absolute;
          top: 0;
          left: 0;
          right: 50%;
          bottom: 0;
          background-color: rgba(white, 0.5);
          content: '';
        }

        &:after {
          position: absolute;
          top: 0;
          right: 0;
          left: 50%;
          bottom: 0;
          background-color: rgba(white, 0.85);
          content: '';
        }
      }
    }
  }
  .doc-theme-background-disabled {
    .doc-theme-font-color-item {
      &:not(:last-child) {
        border: solid 1px $ibc;
      }

      & > div {
        & > span:first-child {
          color: $ihc;
        }

        & > span:last-child {
          color: $itc;
        }
      }
    }
  }
}